import React from "react";
import Todo from "./Todo.jsx";

import { connect } from 'react-redux'

const TodoList = ({ todos }) => (
  <ul className="todo-list">
    {todos && todos.length
      ? todos.map((todo, index) => {
          return <Todo key={`todo-${todo.id}`} todo={todo} />;
        })
      : "No todos, yay!"}
  </ul>
);

// export default TodoList;

// state就是reducer中定义的公共数据
export default connect((state)=>{
  // 这里返回的对象中的每一个属性都会自动绑定到当前组件的props里面
  return {
    todos:state
  }
})(TodoList)

